如何用脚本一次性设置表格<td>的样式?

来源：百度知道 编辑：UC知道 时间：2024/06/06 18:51:54
我有几个网页,每个网页都有table 但每个table的<td>标签都是用不同的样式,我不想一个个<td>进行class设置!请问能不能用脚本来处理这个问题?请教~~ 谢谢!

可以的，你可以这样设置

<style>
.tdClass1{
...
}

.tdClass2{
...
}

.tdClass3{
...
}
</style>

<table id='table1'>
<tr>
<td>...</td>
</tr>
</table>

<table id='table21'>
<tr>
<td>...</td>
</tr>
</table>

<table id='table3'>
<tr>
<td>...</td>
</tr>
</table>

<script>
function myBodyOnLoad(){
var table1 = document.getElementById('table1');
var tds = table1.getElementsByTagName('td');
var i;
for (i = 0; i < tds.length; i++) {
tds[i].className = 'tdClass1';
}

var table2 = document.getElementById('table2');
tds = table2.getElementsByTagName('td');
for (i = 0; i <